<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 我们常常在注册信息页面，表单底部会有一个选择框：
		使用DOM对象和jQuery对象分别实现下列要求：
		没有勾选时，点击提交按钮时，弹出框提示“不同意协议，我们将无法为您提供服务”。
		勾选后，点击提交。弹出框提示“提交成功” -->
		<input type="checkbox" name="">同意并接受注册协议</br>
		<button type="button">提交</button>
		<script type="text/javascript">
			//获取到button元素
			let but =document.querySelector('button');
			//点击button元素是，处罚js
			but.onclick=function (){
				//获取到复选框
				let yes=document.querySelector('input');
				//如果勾选了复选框，就提交成功
				if(yes.checked){
					alert('提交成功')
				}else{
					alert('不同意协议，我们将无法为您提供服务');
			}
			}
		</script>
	</body>
</html>
